{
    "detail": {
        "width": 1224.66,
        "height": 804,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "教育培训",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "d5bc0e05-5081-4b17-a52f-d0ed145eaac8",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "遮罩层",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1235.09,
                        "height": 820.03,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -18.37,
                    "top": -20.03,
                    "index": "0cbb71e3-ecaa-49bf-8480-53a736a8b734",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {}
        },
        {
            "title": "文件夹",
            "name": "报警通知",
            "index": "3d5a5c84-fb4a-4ae7-8e5e-ea142dddf1e0",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "报警表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_bjtz_list_730\",\n\"project_id\":\"2327\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"projectId\",\"value\":2327}, \n{\"key\":\"towerId\",\"value\":2327}, \n{\"key\":\"pageNum\",\"value\":\"1\"}, \n{\"key\":\"pageSize\",\"value\":\"10\"} \n]\n\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1220.65,
                        "height": 693.13,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"cqrs\">\n    <el-table :data=\"tableData\" style=\"width: 100%\" height=\"700px\"\n      :header-cell-style=\"{ 'text-align': 'center' }\"\n      :cell-style=\"{ 'text-align': 'center' }\">\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\n      >\n      </el-table-column>\n      <el-table-column prop=\"towerName\" label=\"设备名称\" show-overflow-tooltip width=\"180\">\n      </el-table-column>\n      <el-table-column prop=\"sn\" label=\"设备编码\" show-overflow-tooltip>\n      </el-table-column>\n         <el-table-column prop=\"typeName\" label=\"报警类别\" show-overflow-tooltip >\n      </el-table-column>\n        <el-table-column prop=\"alarmName\" label=\"报警内容\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n            <el-table-column prop=\"startTime\" label=\"开始时间\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n       <el-table-column prop=\"endTime\" label=\"结束时间\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"pageNum\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      total: 0,\n      pageNum: 1,\n      pageSize: 10,\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.tableData = val.data.items;\n        this.total = parseInt(val.data.total);\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {\n    refresh() {\n      this.$emit(\"click\", {\n        injections: [\n          { key: \"pageNum\", value: this.pageNum },\n          { key: \"pageSize\", value: this.pageSize },\n        ],\n      });\n    },\n    currentChange(value) {\n      this.pageNum = value;\n      this.refresh();\n    },\n  },\n};\n</script>\n\n<style>\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n  height: 0px;\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -7.23,
                    "top": -2.57,
                    "index": "523e49c6-015f-4a25-81fe-dfd6d124d165",
                    "child": {
                        "index": [
                            "523e49c6-015f-4a25-81fe-dfd6d124d165"
                        ],
                        "paramList": [],
                        "paramName": "page",
                        "paramValue": "page"
                    },
                    "zIndex": 0,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": false,
                    "proxy": true,
                    "dataQueryType": "json"
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}